<%@page isELIgnored="false" pageEncoding="UTF-8" contentType="text/html; UTF-8" %>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css">
    <script src="${pageContext.request.contextPath}/js/jquery-1.12.4.js"></script>
    <style type="text/css">
        .layui-table-cell {
            height: auto;
            line-height: 28px;
        }
    </style>

    <script src="${pageContext.request.contextPath}/layui/layui.all.js"></script>
    <script>
        $(function () {
            layui.use(['table','laytpl'], function(){
                var table = layui.table;
                var laytpl = layui.laytpl;
                table.render({
                    elem: '#deptTable',
                    // 定义 table 的大标题（在文件导出等地方会用到） 不显示
                    title: "日志图表",
                    // 使用工具栏
                    toolbar:"#myToolbar",
                    height: 600,
                    //数据接口
                    url: '${pageContext.request.contextPath}/loge/showAll',
                    // 开启分页
                    page: true,
                    // 设置分页的属性
                    limit:10,
                    limits:[10,20,30],
                    // 是否显示加载条
                    loading: true,
                    //表头
                    cols: [[
                        // 设置复选框
                        {type: "checkbox"},
                        {field: 'logeId', title: '编号'},
                        {field: 'admin',templet:'<div>{{d.admin.adminName}}<div>', title: '访问人名字'},
                        {field: 'logeDate', title: '访问时间'},
                        {field: 'logeContent', title: '访问内容'},
                        {field: 'logeType', title: '访问类型'},
                        {field: 'logeIp', title: '访问者ip'},
                        { title: '操作',fixed: 'right',templet:"#caoZuo"}
                    ]]
                });
            })
        })

        <%--搜索操作--%>

        function doSearch() {
//1.获取到输入框中输入的内容
            var Name = jQuery("#logSearch").val();
//alert(bookName)

//发送请求，并且接收数据
            layui.use('table', function () {
                var table = layui.table;
                table.reload('deptTable', {
                    /*为controller中的形参名"bannerName"*/
                    where: {"logeIp": Name}
                });
            });
        }




    </script>
    <%--    操作按钮 模板--%>
    <script id="caoZuo" type="text/html">
        <button type="button" class="layui-btn layui-btn-radius layui-btn-normal" onclick="toOpenUpdateLayer('{{d.guruId}}')">修改</button>
        <button type="button" class="layui-btn layui-btn-danger" onclick="doDelete('{{d.guruId}}')">删除</button>
    </script>

</head>
<body>

    <%--表格展示--%>
    <table id="deptTable" class="layui-table"></table>
    <%--顶部工具栏--%>
    <%--display: none 只在工具栏展示 不在页面显示--%>
    <div id="myToolbar" style="display: none">
        <div class="layui-inline">
        <label class="layui-form-label"></label>
        <div class="layui-input-inline" style="width: 200px;">
            <input type="text" class="layui-input" id="logSearch"  placeholder="请输入要查询的内容">
        </div>
        <div class="layui-input-inline" style="width: 100px;">
            <button type="button" class="layui-btn layui-btn-normal" onclick="doSearch()">
                <i class="layui-icon layui-icon-search"></i> 搜索
            </button>
        </div>
    </div>
    </div>


</body>
</html>
